<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>详情-积分礼品</title>
    <div data-th-replace="layout/head"></div>
    <!--初始公共加载过渡动画-->
    <script type="text/javascript" th:src='@{{path}/front/mobile/libs/page-loading.min.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>
</head>
<body>
    <nav class="bar bar-tab">
        <a  th:if="${shopInfo['inventory']}!=null and ${shopInfo['inventory']}!=0 and ${userIntegral['currentScore']}>${shopInfo['integral']}" th:attrprepend="data-type=${shopInfo['shopType']}" class="tab-item external cInfo-price-bx" th:attrappend="data-id=${shopInfo['id']}" id="exchange" >立即兑换</a>
        <a th:if="${shopInfo['inventory']}==null or ${shopInfo['inventory']}==0 and ${userIntegral['currentScore']}>${shopInfo['integral']}" class="tab-item external active" href="javascript:;" >被抢光了~</a>
        <a th:if="${userIntegral['currentScore']}<${shopInfo['integral']}" class="tab-item external active" href="javascript:;" >积分不足~</a>


    </nav>
    <div class="content">
        <article class="">
            <div class="pr">
                <img class="wm-img" th:attr="data-src=${shopInfo['imageMap']['mobileUrlMap']['large']}" th:src="${staticPath}+'/front/mobile/v3/img/default/default-pic.jpg'"  width="100%" alt="">
                <div class="cp-shadow" id="course-play-box">
                    <section class="cp-return">
                        <a class="goBackTo" href="/mobile/uc/integral/integralGiftIndex">
                            <span class="iconfont icon-fanhui" style="color:#fff;"></span>
                        </a>
                    </section>
                </div>
            </div>
            <div class="wm-whiteBox">
                <div class="mt5">
                    <span class="c-333" th:text="${shopInfo['name']}">商品名称圣诞活动就要这么做</span>
                </div>
                <div class="mt5 mb5">
                    <aside class="row no-gutter">
                        <asdie class="col-50">
                            <span class="c-888 fs6" th:text="'库存量'+${shopInfo['inventory']}"></span>
                        </asdie>
                        <asdie class="col-50 ">
                            <span class="c-888 fs6 c-red">兑换消耗积分：</span>
                            <span class=" fs7 c-red" th:text="${shopInfo['integral']}">5930</span>
                        </asdie>
                    </aside>
                </div>
            </div>
            <div class="wm-whiteBox mt5">
                <section class="mb5"><span class="fs6 c-333">商品简介</span></section>
                <section class="wm-article-cont__wrap">
                    <div id="details" th:utext="${shopInfo['details']}"></div>
                </section>
            </div>
        </article>
    </div>
    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/integral/shop-integral-info.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
